<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>生日快乐</title>
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
		<link rel="stylesheet" type="text/css" href="css/birthday.css"/>
		<script src="js/jquery-2.1.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/birthday.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/snow-plugin.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<canvas class="snow-canvas" speed="1" interaction="false" size="2" count="80" opacity="0.00001" start-color="rgba(253,252,251,1)" end-color="rgba(251,252,253,0.3)" wind-power="0" image="false" width="1366" height="667"></canvas>
 
		<canvas class="snow-canvas" speed="2" interaction="true" size="6" count="30" start-color="rgba(253,252,251,1)" end-color="rgba(251,252,253,0.3)" opacity="0.00001" wind-power="2" image="false" width="1366" height="667"></canvas>
		 
		<canvas class="snow-canvas" speed="3" interaction="true" size="12" count="20" wind-power="-5" image="images/snow.png" width="1366" height="667"></canvas>
		<div class="wrap">
			<div class="music">
				<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=450 src="http://music.163.com/outchain/player?type=0&id=85347412&auto=1&height=430"></iframe>
			</div>
			<div class="captical">
				<a class="link link--surinami" href="3Droller.html"><span data-letters-l="素" data-letters-r="女孩">素女孩</span></a>
			</div>
			<div class="title">
				<p>
					<span id="span1">h</span><span id="span2">a</span><span id="span3">p</span><span id="span4">p</span><span id="span5">y</span><span id="span6">b</span><span id="span7">i</span>
					<span id="span8">r</span><span id="span9">t</span><span id="span10">h</span><span id="span11">d</span><span id="span12">a</span><span id="span13">y</span><span id="span14">!</span>
				</p>
			</div>
			<div class="picdiv">
				
			</div>
			<div class="picture">
				<span class="img1"><img src="images/birth (1).jpg"/></span>
				<span class="img1"><img src="images/birth (2).jpg"/></span>
				<span class="img1"><img src="images/birth (3).jpg"/></span>
				<span class="img1"><img src="images/birth (4).jpg"/></span>
				<span class="img1"><img src="images/birth (5).jpg"/></span>
				<span class="img1"><img src="images/birth (6).jpg"/></span>
				<span class="img1"><img src="images/birth (7).jpg"/></span>
				<span class="img1"><img src="images/birth (8).jpg"/></span>
				<span class="img1"><img src="images/birth (9).jpg"/></span>
				<span class="img1"><img src="images/birth (10).jpg"/></span>
				<span class="img1"><img src="images/birth (11).jpg"/></span>
				<span class="img1"><img src="images/birth (12).jpg"/></span>
				<span class="img1"><img src="images/birth (13).jpg"/></span>
				<span class="img1"><img src="images/birth (14).jpg"/></span>
				<span class="img1"><img src="images/birth (15).jpg"/></span>
				<span class="img1"><img src="images/birth (16).jpg"/></span>
				<span class="img1"><img src="images/birth (17).jpg"/></span>
				<span class="img1"><img src="images/birth (18).jpg"/></span>
				<span class="img1"><img src="images/birth (19).jpg"/></span>
				<span class="img1"><img src="images/birth (20).jpg"/></span>
				<span class="img1"><img src="images/birth (21).jpg"/></span>
				<span class="img1"><img src="images/birth (22).jpg"/></span>
				<span class="img1"><img src="images/birth (23).jpg"/></span>
				<span class="img1"><img src="images/birth (24).jpg"/></span>
				<span class="img1"><img src="images/birth (25).jpg"/></span>
				<span class="img1"><img src="images/birth (26).jpg"/></span>
				<span class="img1"><img src="images/birth (27).jpg"/></span>
				<span class="img1"><img src="images/birth (28).jpg"/></span>
				<span class="img1"><img src="images/birth (29).jpg"/></span>
				<span class="img1"><img src="images/birth (30).jpg"/></span>
				<span class="img1"><img src="images/birth (31).jpg"/></span>
				<span class="img1"><img src="images/birth (32).jpg"/></span>
				<span class="img1"><img src="images/birth (33).jpg"/></span>
				<span class="img1"><img src="images/birth (34).jpg"/></span>
				<span class="img1"><img src="images/birth.jpeg"/></span>
			</div>
			<div class="footer">
				<span>&copy;</span>Designed by XiangBing !
			</div>
		</div>
	</body>
</html>
